<template>
  <div>
    <!-- 柱线图 -->
    <sweet-barline-chart
      :xAxisData="xAxisData"
      :settings="settings"
      :series="series"
      width="700px"
    ></sweet-barline-chart>
  </div>
</template>
<script>
export default {
  name: 'barlineChart',
  data() {
    return {
      xAxisData: ['2021-07-24', '2021-07-25', '2021-07-26', '2021-07-27', '2021-07-28'],
      settings: {
        metrics: ['本周期', '上周期', '成交率']
      },
      series: [
        {
          name: '本周期',
          type: 'bar',
          barBorderRadius: true,
          data: [1000, 1100, 1100, 1200, 1500]
        },
        {
          name: '上周期',
          type: 'bar',
          barBorderRadius: true,
          data: [100, 200, 300, 500, 400]
        },
        {
          name: '成交率',
          type: 'line',
          data: [50, 60, 70, 75, 80]
        }
      ]
    };
  },
}
</script>
